<script setup>
</script>
<template>
  <div class="home-page">
    <div class="w-full h-100vh overflow-hidden -mt-64px">
      <video
        class="w-full h-100vh"
        preload="auto"
        loop
        muted="muted"
        playsinline=""
        autoplay="atoplay"
        src="//lf3-static.bytednsdoc.com/obj/eden-cn/ha_lm_lswvlw/ljhwZthlaukjlkulzlp/portal/campus/2022-landing-page.mp4"
        tabindex="-1"
      ></video>
      <div class="absolute top-0 w-full h-100vh z-100">
        <div class="flex flex-column justify-center items-center h-full text-white">
          <div>
            <div class="text-20px leading-28px tracking-5px text-center font-semibold mb-16px">字节跳动 2023 校园招聘</div>
            <div class="text-56px font-semibold mb-40px">激发创造，丰富生活</div>
            <div class="h-54px text-center">
              <button class="w-156px h-54px bg-white hover:bg-blue-1 rounded-full outline-none blue text-16px border-none" @click="a"><a>立即投递</a></button>
            </div>
          </div>         
        </div>  
      </div>
    </div>
    <div>首页
    </div>
  </div>
</template>

<style scoped>
  video {
    object-fit: cover;
    object-position: center center;
  }
</style>
